layui.use(['layedit','upload', 'form', 'layer'],
    function () {
        $ = layui.jquery;
        var form = layui.form
            , upload = layui.upload
        layer = layui.layer;
        var layedit = layui.layedit;
        layedit.set({
            uploadImage: {
                url: '/upload' //接口url
                ,type: '' //默认post
            }
        });
        //注意：layedit.set 一定要放在 build 前面，否则配置全局接口将无效。
      //  为什么要写index？就是因为可能我们当前页面会有几个富文本
      let index=  layedit.build('demo'); //建立编辑器


        let imgHref = '';
        //自定义验证规则
        form.verify({});

        //监听提交
        form.on('submit(add)',
            function (data) {
                console.log(data.field);
                data = data.field;
                data.imgHref = imgHref;
                data.content=layedit.getContent(index);
                // console.log(layedit.getContent(index))
                // console.log(layedit.getText(index));
                //发异步，把数据提交给php
                $.ajax({
                    url: '/back/product/add'
                    , type: 'post'
                    , data: data
                    , dataType: 'json'
                    , success: function (res) {
                        console.log(res)
                        if (res.count == 1) {
                            layer.alert("增加成功", {
                                    icon: 6
                                },
                                function () {
                                    //关闭当前frame
                                    xadmin.close();

                                    // 可以对父窗口进行刷新
                                    xadmin.father_reload();
                                });
                        } else {
                            layer.alert("增加失败");
                        }
                    }
                })
                return false;
            });
        //常规使用 - 普通图片上传
        var uploadInst = upload.render({
            elem: '#test1'
            , url: '/upload' //此处用的是第三方的 http 请求演示，实际使用时改成您自己的上传接口即可。
            , before: function (obj) {
                //预读本地文件示例，不支持ie8
                obj.preview(function (index, file, result) {
                    $('#demo1').attr('src', result); //图片链接（base64）
                });

                // element.progress('demo', '0%'); //进度条复位
                // layer.msg('上传中', {icon: 16, time: 0});
            }
            , done: function (res) {
                //如果上传失败
                if (res.code > 0) {
                    return layer.msg('上传失败');
                }
                console.log(res)
                imgHref = res.data.src;
                //上传成功的一些操作
                //……
                // $('#demoText').html(''); //置空上传失败的状态
            }
        });
    });
